<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>腾悦科技公司</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/Applet.css" />
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link
      rel="stylesheet"
      href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <script src="./js/flexible.js"></script>
  </head>
  <!---小程序开发-->
  <body>
    <!--头部-->
    <div class="header clearfix">
      <div class="container">
        <img
          src="./img/tengyue.png"
          alt=""
          class="animate__animated animate__backInLeft"
        />

        <div class="right">
          <h1 class="animate__animated animate__wobble">腾悦科技</h1>
          <p>http://sysqy.ittun.com</p>
        </div>
      </div>
    </div>


      <!-- banner图 -->
    <div class="banner clearfix">
      <div class="container">
        <div class="left">
          <h1 class="animate__animated animate__fadeInDown">小程序开发程序</h1>
          <p class="animate__animated animate__fadeInLeftBig">
            微信小程序是微信推出区别于企业订阅号、公众号的一中全新与用户链接的全新产品技术。
          
            打开界面更快，界面操作更流畅
          </p>
        </div>
        <div class="right ">
          <img src="./img/程序员工作.webp" alt=""  />
        </div>
      </div>
    </div>

    <!-- 导航条 -->
    <div class="nav clearfix">
      <div class="container">
        <ul>
          <li><a href="./index.html">首页</a></li>
          <li><a href="./App.html">App开发</a></li>
          <li><a href="./software.html">软件开发</a></li>
          <li><a href="./Applet.html">小程序开发</a></li>
          <li><a href="./system.html">商城系统</a></li>
          <li><a href="./About.html">关于开发</a></li>
          <li><a href="./news.html">新闻资讯</a></li>
          <li><a href="./contact.html">联系我们</a></li>
        </ul>
      </div>
    </div>

    <!---什么是小程序-->
    <div class="program clearfix">
      <div class="container">
        <div class="program-top">
          <h1>什么是小程序</h1>
          <p>What is a small program</p>
        </div>
        <div class="program-bottom">
          <ul>
            <li>
              <img src="./img/用完即走.webp" alt="" />
              <p class="p1">用完即走</p>
              <p class="p2">
                用户不用关心是否安装太多应用的问题
                小程序随时可用，又无需安装卸载。
              </p>
            </li>
            <li>
              <img src="./img/触手可及.webp" alt="" />
              <p class="p1">触手可及</p>
              <p class="p2">
                小程序不需要下载安装， 用户扫一扫或者搜一下即可打开。
              </p>
            </li>
            <li>
              <img src="./img/分享红利.webp" alt="" />
              <p class="p1">分享红利</p>
              <p class="p2">
                小程序可方便分享到微信个人和群聊窗口，
                回话中点击即用，非常方便传播。。
              </p>
            </li>
            <li>
              <img src="./img/功能丰富.webp" alt="" />
              <p class="p1">功能丰富</p>
              <p class="p2">
                可实现定位、语音、视频、IM聊天、 重力感应、
                导航等与原生APP一样的功能。
              </p>
            </li>

            <li>
              <img src="./img/开放的用户体系.webp" alt="" />
              <p class="p1">开放的用户体系</p>
              <p class="p2">
                小程序无需登录，直接采用微信账号体系，
                极大降低用户首次使用门槛， 同时方便用户信息收集。
              </p>
            </li>
            <li>
              <img src="./img/线上线下打通.webp" alt="" />
              <p class="p1">线上线下打通</p>
              <p class="p2">
                小程序入口之一是扫描二维码， 线下用户只需简单扫码，
                即可转换为小程序用户。。
              </p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    
        <!--小程序怎么让人知道？区域-->
    <div class="know clearfix">
      <div class="container">
        <div class="know-top">
          <h1>小程序怎么让人知道？</h1>
          <p class="p1">How can the small program be known?</p>
          <u>_______________</u>
        </div>
        <div class="know-bottom">
          <ul>
            <li>
              <img src="./img/公众号主页.webp" alt="" />
              <p>公众号主页</p>
            </li>
            <li>
              <img src="./img/微信搜索.webp" alt="" />
              <p>微信搜索</p>
            </li>
            <li>
              <img src="./img/线下扫码.webp" alt="" />
              <p>线下扫码</p>
            </li>
            <li>
              <img src="./img/分享到群.webp" alt="" />
              <p>分享到群</p>
            </li>
            <li>
              <img src="./img/聊天顶部.webp" alt="" />
              <p>聊天顶部</p>
            </li>
            <li>
              <img src="./img/支付完成页.webp" alt="" />
              <p>支付完成页</p>
            </li>
            <li>
              <img src="./img/推荐给好友.webp" alt="" />
              <p>推荐给好友</p>
            </li>
            <li>
              <img src="./img/附近小程序.webp" alt="" />
              <p>附近小程序</p>
            </li>
            <li>
              <img src="./img/小程序列表.webp" alt="" />
              <p>小程序列表</p>
            </li>
            <li>
              <img src="./img/公众号文章.webp" alt="" />
              <p>公众号文章</p>
            </li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
    </div>

       <!--我们的优势区域-->
    <div class="advantage clearfix">
      <div class="container">
        <div class="advantage-top">
          <h1>我们的优势</h1>
          <p>Our advantages</p>
          <u>______________</u>
        </div>
        <div class="advantage-bottom">
          <ul>
            <li>
              <img src="./img/可靠.webp" alt="" />
              <p class="p1">可靠</p>
              <p class="p2">本土团队亲力打造，专注微信平台开发与研究</p>
            </li>
            <li>
              <img src="./img/专业.webp" alt="" />
              <p class="p1">专业</p>
              <p class="p2">
                专业的小程序第三方平台服务商，Web App技术领域的先行者
              </p>
            </li>
            <li>
              <img src="./img/专注.webp" alt="" />
              <p class="p1">专注</p>
              <p class="p2">5年专注HTML5和小程序技术研究，资深的技术团队支持</p>
            </li>
            <li>
              <img src="./img/强大.webp" alt="" />
              <p class="p1">强大</p>
              <p class="p2">产品强大易用，模板+定制开发，学习成本低</p>
            </li>
            <li>
              <img src="./img/服务.webp" alt="" />
              <p class="p1">服务</p>
              <p class="p2">完善的售后服务，7×24小时人工在线问题解答，保证无忧</p>
            </li>
            <li></li>
          </ul>
        </div>
      </div>
    </div>

        <!-- 专业开发流程 -->
     <div class="develop clearfix">
       <div class="container">
          <div class="develop-top">
             <h1>专业开发流程</h1>
          </div>  
          <div class="develop-bottom">
             <ul>
                <li>
                    <p>1</p>
                    <span class="p1">前期沟通</span>
                </li>
                 <li>
                    <p>2</p>
                    <span class="p1">需求评估</span>
                </li>
                 <li>
                    <p>3</p>
                    <span class="p1">产品设计</span>
                </li>
                 <li>
                    <p>4</p>
                    <span class="p1">技术开发</span>
                </li>
                 <li>
                    <p>5</p>
                    <span class="p1">程序测试</span>
                </li>
                 <li>
                    <p>6</p>
                    <span class="p1">售后服务</span>
                </li>
             </ul>
          </div>    
       </div>
     </div>

    <!-- 返回顶部 -->
    <div class="Top clearfix">
        <p>Top <i class="iconfont icon-shangjiantou"></i></p>
    </div>
     
     <!-- 底部 -->
    <div class="footers">
       <p>©2024 十堰市腾悦科技有限公司 版权所有</p>
    </div>
   
      <!-- 底部导航栏 -->
    <div class="footer clearfix">
      <div class="container">
        <ul>
          <li>
            <i class="iconfont icon-shouye"></i>
            <p><a href="./Applet.html" style="color: #fff">首页</a></p>
          </li>

          <li>
            <i class="iconfont icon-dianhua"></i>
            <p>电话</p>
          </li>
          <li>
            <i class="iconfont icon-goutong"></i>
            <p>微信沟通</p>
          </li>
          <li>
            <i class="iconfont icon-liuyanban-05"></i>
            <p>提交需求</p>
          </li>
        </ul>
      </div>
    </div>

    <!-- 电话弹出层 -->
    <div class="lis-top">
      <i>x</i>
      <p><strong>400 热线 : </strong> 18372690721</p>
      <p><strong>电 话 :</strong> 18372690721</p>
    </div>

    <!-- 微信沟通弹出层 -->
    <div class="wx">
      <i>x</i>
      <img src="./img/微信二维码.png" alt="" />
      <p>请使用微信扫一扫</p>
    </div>

    <!-- 提交需求弹出层 -->
     <div class="xuqiu">
         
     </div>

    <!-- 模态层黑色 -->
    <div class="motai"></div>


    <script src="./js/jquery.js"></script>
    <script src="./js/Applet.js"></script>
  </body>
</html>
